@import 'commot.less';

.header {

 // padding: 0;
 span {
  font-size: 20px;
 }

 h5 {
  text-align: center;
  font-size: 20px;
 }
}

.main {
 background-color: #f3f1f1;
 .container {
  background-color: #f3f1f1;
  margin: 0 auto;
  width:90%;
  .goods_details {
   padding: 5px 10px;
   background-color: #fff;

   .title {
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0 5px 0;
   }

   .subtit {
    font-size: 12px;
    color: #ff6c00;
    margin: 10px 0;
   }

   .info {
    margin: 12px 0;
    font-size: 12px;
    color: #b4b0b0
   }

   .conter {
    width: 100%;
    font-size: 0.7rem;
    display: flex;
    flex-direction: row-reverse;

    .picwrap {
     // flex: 1;
     width: 85px;
     height: 85px;

     // background-color: pink;
     img {
      width: 100%;
     }
    }

    .conn {
     flex: 4;
     margin-right: 10px;

     p:nth-of-type(1) {
      margin: 5px 0;
     }

     p:nth-of-type(2) {
      width: 100%;

      img {
       width: 50%;
      }
     }
    }

   }

   .golink {
    // width: 100%;
    margin: 20px 10px;
    border-radius: 5px;
    text-align: center;

    background-color: #ff9000;

    a {
     color: #fff;
     font-size: 12px;
     height: 30px;
    }
   }
  }

  .weixinLink {
   // width: 100%;
   margin: 20px;
   box-sizing: border-box;

   img {
    display: block;
    width: 100%;
   }
  }

  .fu {
   width: 95%;
   margin: 0 auto;
   // border: 1px solid #000;
   background-color: #fff;

   .title {
    font-size: 12px;
    color: #666;
    padding: 5px 8px;
   }

   .reply {
    width: 98%;
    margin: 0 auto;

    .form {
     border: 2px solid #ECEAE8;
     margin: 0 auto;
     width: 100%;

     textarea {
      box-sizing: border-box;
      width: 100%;
      resize: none;
      overflow-x: hidden;
      overflow-y: auto;
      border: none;
      line-height: 22px;
      font-size: 14px;
      outline: 0;
      color: #666;
      height: 68px;
     }

     .ctrl {
      box-sizing: border-box;
      background-color: #fbfbfb;
      height: 30px;
      // margin-left: -4px;
      border-top: solid 1px #d3d0d0;
      position: relative;

      input {
       // height: 30px;
       width: 100px;
       line-height: 30px;
       text-align: center;
       background-color: #ff841d;
       font-size: 12px;
       color: #fff;
       position: absolute;
       top: 0px;
       right: 0px;
      }
     }
    }
   }
   .pingLuen{
    font-size: 12px;
    
   }

  }
 }
}